@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1680px) {
.header { height:100px; line-height:100px;}
.logos img{ height:100px;}

.lang{padding:0 10px; height:36px; line-height:36px;  margin:31px 40px 0 15px;}
.nav{ padding-left:20px;}
.nav li a{ padding:0 20px; font-size:16px;}

.banwz{ margin-top:-99px; }
.banwz .titen{ font-size:68px; }
.banwz .titcn{ font-size:60px; margin:20px 0 24px 0;}
.banwz p{ font-size:26px;}

.dbnav{ width:54%;}
}

@media screen and (max-width: 1440px) {

.header { height:90px; line-height:90px;}
.logos img{ height:90px;}

.lang{padding:0 8px; height:36px; line-height:36px;  margin:26px 30px 0 10px;}
.lang span{ font-size:14px;}
.langnav a{ line-height:36px; font-size:14px;}

.nav{ padding-left:14px;}
.nav li a{ padding:0 14px; font-size:15px; }

.tel{ font-size:20px; padding-left:35px;}


.leftname{ width:12px; margin-left:-6px; margin-top:-200px; }
.leftname span{font-size:12px; }

.leftico a{ width:30px; height:30px; margin:15px auto}


.banwz{ margin-top:-89px; }
.banwz .titen{ font-size:64px; }
.banwz .titcn{ font-size:56px; margin:16px 0 20px 0;}
.banwz p{ font-size:22px;}

.tit01{ margin:50px 0;}
.tit01 .tname span{ font-size:16px; line-height:20px;}
.tit01 .tname h3{ font-size:24px; line-height:36px;}
.tit01 .tname h3:after{ width:25px; left:-40px;}
.tit01 .tnav{ margin-top:20px;}
.tit01 .tnav li{ margin-left:20px; font-size:15px; line-height:36px; height:36px;}
.tit01 .tnav li a{ padding:0 15px;}

.homeprod{ padding-bottom:60px;}
.hplist .swiper-slide .txt a{ line-height:80px;}

.hplist .button-prev,.hplist .button-next{  margin-top:-60px; width:40px; height:40px; }

.hmore{ margin-top:20px;}

.habout{ height:640px;}
.hamain{ padding:50px;}
.hamain .hainfo h3{ font-size:24px;}
.hamain .hainfo span{ font-size:16px;}
.hamain .hainfo p { margin-top:30px;}
.hamain .hainfo a{ margin-top:40px;}

.hanav{ padding:50px;}
.hanav .hali{ height:245px;}
.hanav .hali02{ margin-top:50px;}
.hanav .hali .txt span{ font-size:26px; }
.hanav .hali .txt p{ font-size:14px;}

.hnews{ padding-bottom:60px;}
.hnlist{ padding-bottom:55px;}
.hnlist .swiper-slide .txt{ padding:15px 20px;}
.hnlist .swiper-slide .txt h3{font-size:15px; line-height:25px; height:50px; margin-bottom:15px;}
.hnlist .swiper-scrollbar{ height:8px;}

.advantage{ padding-bottom:60px;}
.advlist li{ padding-bottom:80px;}
.advlist li .ico{ width:75px; height:75px; margin-top:60px;}
.advlist li h3{ font-size:26px; margin-top:24px;}
.advlist li p{ font-size:14px; margin-top:15px;}

.hclist .swiper-slide .txt{ line-height:80px; font-size:16px;}

.hclist .button-prev,.hclist .button-next{ margin-top:-70px; width:40px; height:40px;}
.hclist .button-prev{ margin-left:-50px; }
.hclist .button-next{ margin-right:-50px; }


.links{ line-height:26px; padding:15px 0; margin-top:30px;}

.fmain{ padding:40px 0;}
.dbinfo .dblogo{margin-bottom:15px;}
.dbinfo img{ height:40px; }
.dbinfo p{ line-height:1.8;}

.dbnav li span{ line-height:2; font-size:15px; margin-bottom:3px;}
.dbnav li>a{ line-height:2; font-size:13px;}

.wechat{ overflow:hidden; width:200px;}
.wechat .img{ width:90px; float:left;}
.wechat .img img{ width:100%; display:block;}
.wechat .txt{ width:110px; float:right; padding:21px 15px; color:#ffffff; font-size:13px; line-height:24px;}

.hmore a,.hamain .hainfo a,.tit01 .tmore{ width:150px; height:38px; background-size: auto 10px;}


.nyban{ height:340px; }
.coulmninfo{margin-top:130px;}
.coulmninfo h3{ font-size:54px; margin-bottom:15px;}
.coulmninfo .weizhi{ font-size:12px;}

.nvhide{ margin-top:-46px;}
.nynav li{ font-size:16px; height: 46px; line-height: 46px;}
.nynav li a{ padding:0 17px;}
.page{ padding:60px 0;}

.pagetxt .pagetit{ font-size:100px;}
.pagetxt .pagetit span{ font-size:30px; top:60px;}

.pagetxt .pageinfo{ font-size:14px;}


.culturelist li{ font-size:14px; line-height:50px; margin-bottom:20px;}
.culturelist li b{ font-size:20px; margin-right:50px;}

.socialtit{ font-size:30px;}
.coninfo{ font-size:16px;}
.social a{ width:48px; height:48px; margin-right:15px;}

.newslist{ padding:80px 0 70px 0;}
.newslist li .txt{ padding:15px 20px;}
.newslist li .txt h3{font-size:15px; line-height:25px; height:50px; }
.newslist li .txt span{margin-top:15px;}

.imglist{ padding:40px 0;}
.imglist li{ padding:25px; }
.imglist li .txt h3{ font-size:20px; }
.imglist li .txt p{ font-size:14px; }

.prodlist{padding:60px 0;}
.prodlist li .txt{ line-height:70px; font-size:16px;}


.prodmain{ padding:60px 0;}
.prodtxt h1{ font-size:30px;}
.bshare-custom{ top:8px;}
.prodinfo{ font-size:16px;}
.prodinfo p{ margin-bottom:30px;  }

.prodico li i{ width:60px; height:60px;}
.prodico li span{ font-size:16px;}


.my-map{ height:340px;}

.showmain{ padding:50px 0;}	


.fuwu .t>b{font-size: 35px}
}

@media screen and (max-width: 1240px) {
.hcontainer{display: block; width:100%; padding:0 3%; }
.container{width:100%; padding:0 3%;}
.header { height:70px; line-height:70px;}
.logos img{ height:70px;}

.nav{ padding-left:10px;}
.nav li a{ padding:0 10px; font-size:14px; }

.lang{height:30px; line-height:30px; font-size:13px; margin:20px 20px 0 10px;}
.langnav{ top:30px;}
.langnav a{ line-height:30px; font-size:13px;}

.tel{ font-size:18px; padding-left:30px; background-size:auto 14px;}

.banwz{ margin-top:-78px; }
.banwz .titen{ font-size:58px; }
.banwz .titcn{ font-size:50px; margin:12px 0 16px 0;}
.banwz p{ font-size:20px;}

.tit01{ margin:40px 0;}
.tit01 .tname h3:after{ display:none;}

.homeprod{ padding-bottom:50px;}

.habout{ height:540px;}

.hamain{ padding:40px;}
.hamain .hainfo p { margin-top:35px;}
.hamain .hainfo a{ margin-top:45px;}

.hanav{ padding:40px;}
.hanav .hali{ height:210px;}
.hanav .hali02{ margin-top:40px;}
.hanav .hali .txt span{ font-size:24px; }
.hanav .hali .txt p{ font-size:13px;}

.hnews{ padding-bottom:50px;}
.hnlist{ padding-bottom:45px;}

.advantage{ padding-bottom:50px;}
.advlist li{ padding-bottom:65px;}
.advlist li .ico{ width:65px; margin-top:50px;}
.advlist li h3{ font-size:22px; margin-top:16px;}
.advlist li p{ font-size:13px; margin-top:10px;}

.hclist .swiper-slide .txt{ line-height:60px;}
.hclist .button-prev,.hclist .button-next{ margin-top:-60px;}


.dbnav{ width:48%;}

.fmain{ padding:35px 0;}
.dbnav li span{ font-size:14px;}
.dbnav li>a{ font-size:12px;}
.wechat .txt{ font-size:12px;}


.nyban{ height:300px; }
.coulmninfo{margin-top:118px;}
.coulmninfo h3{ font-size:48px; }
.coulmninfo .weizhi{ font-size:12px;}

.nvhide{ margin-top:-40px;}
.nynav li{ font-size:14px; height: 40px; line-height: 40px;}
.nynav li a{ padding:0 15px;}

.page{ padding:50px 0;}

.pagetxt .pagetit{ font-size:90px;}
.pagetxt .pagetit span{ font-size:26px; top:54px;}

.culturelist li{ font-size:14px; line-height:50px; margin-bottom:15px;}
.culturelist li b{ font-size:18px; margin-right:40px;}

.pageimg .img2{ margin-top:0;}

.honor{ overflow: hidden; margin:0; }
.honor li .txt{ line-height:50px; font-size:14px;}

.coninfo{ line-height:50px;}

.socialtit{ font-size:26px; margin:30px 0;}
.social a{ width:40px; height:40px; margin-right:10px;}

.newslist{ padding:60px 0 50px 0;}

.imglist li{ padding:20px; }
.imglist li .txt span{ margin-top:10px;}
.imglist li .txt h3{ font-size:18px; }
.imglist li .txt p{ font-size:14px; }

.prodlist{padding:50px 0;}
.prodlist li .txt{ line-height:60px; font-size:14px;}


.prodmain{ padding:50px 0;}
.prodtxt h1{ font-size:26px;}
.bshare-custom{ top:5px;}
.prodinfo{ font-size:14px;}

.prodico li i{ width:60px; height:60px;}
.prodico li span{ font-size:14px;}

.my-map{ height:300px;}

.showmain{ padding:40px 0;}	

.pagination{ margin-top:20px;}

.fuwu .t>b{font-size: 26px}
}

@media screen and (max-width: 1024px) {
.header { height:60px; line-height:60px; position:fixed; top:0; left:0; z-index:1000; width:100%;}
.logos img{ height:60px;}

.nav{ display:none; padding:0;}
.lang{height:30px; line-height:30px; font-size:13px; margin:15px 20px 0 10px;}
.nav-toggle{ display: block;}

.nav{ width:100%; position:fixed; top:60px; left:0; border-top:1px solid #ffffff; z-index:100; display:none; background:none;}
.nav li{ width:100%; margin:0; text-align:left;}
.nav li>a{ color:#ffffff; background-color: rgba(0,0,0,0.7);line-height:46px; padding:0 20px; font-size:15px;border-bottom:1px solid #ffffff; display:block;  }
.nav li:hover>a{border-bottom:1px solid #ffffff;}

.banwz{ margin-top:-78px; text-align:center; padding-left:0; width:100%; }
.banwz .titen{ font-size:58px; }
.banwz .titcn{ font-size:50px; margin:12px 0 16px 0;}
.banwz p{ font-size:20px;}

.tit01 .tnav li{ font-size:14px; margin-left:10px;}
.tit01 .tnav li a{ padding:0 10px;}

.hplist .swiper-slide{ width:25%;}

.advlist li{ width:48%; margin:0 1% 2% 1%!important;}

.dbnav{ display:none;}


.nyban{ margin-top:60px; height:260px;}
.coulmninfo{margin-top:95px;}
.coulmninfo h3{ font-size:42px; }

.nvhide{ margin-top:-40px;}
.nynav li a{ padding:0 12px;}

.page{ padding:40px 0;}
.pagetxt{ width:100%;}
.pageimg{ width:100%; margin-top:40px;}
.pageimg .img{ width:100%; margin:0;}

.pageimg .img2 .pageico{ left:0;}

.honor li{ width:48%; margin:0 1% 1% 1%; }

.map{ width:100%; margin:0;}

.newslist{ padding:40px 0 30px 0;}

.imglist li{ padding:15px; }
.imglist li .txt span{ margin-top:5px; font-size:12px; height:18px; line-height:18px;}
.imglist li .txt h3{ font-size:16px; margin:5px 0; }
.imglist li .txt p{ font-size:12px; }


.prodlist{padding:40px 0;}
.prodlist li .txt{ line-height:50px; font-size:14px;}


.prodmain{ padding:40px 0;}
.prodtxt h1{ font-size:20px;}
.bshare-custom span{ font-size:12px; height:26px; line-height:26px;}
.bshare-custom a{ margin:0 3px; width:26px!important; height:26px!important; }

.prodban .anniu{ padding:0 30px;}
.prodban .anniu .prev, .prodban .anniu .next{ width:30px;}

.prodinfo{ line-height:1.8;}
.prodico li span{ margin-top:5px;}

.showmain{ padding:20px 0;}	
.nstit{ font-size:20px; }
.showtxt{  font-size:14px; }
.nspage{  margin-top:20px; }

.fuwu{width: 100%}
.fuwu .b{font-size: 18px}
}

@media screen and (max-width: 768px) {
.tel{ display:none;}

.leftnav{ display:none;}
.banner{ width:100%;}

.banwz{ margin-top:-60px; text-align:center; padding-left:0; width:100%; }
.banwz .titen{ font-size:36px; }
.banwz .titcn{ font-size:28px; margin:10px 0 16px 0;}
.banwz p{ font-size:16px;}

.tit01{ margin:15px 0;}
.tit01 .tname span { font-size:14px;}
.tit01 .tname h3{ font-size:20px; line-height:30px;}

.tit01 .tnav{ width:100%; margin-top:10px;}
.tit01 .tnav li{ width:20%; margin:0; text-align:center; font-size:12px;}
.tit01 .tnav li a{padding:0;}


.homeprod{ padding-bottom:20px;}
.hplist .swiper-slide{ width:50%;}
.hplist .swiper-slide .txt a{ line-height:50px; font-size:14px;}
.hmore{ margin-top:5px;}


.habout{ height:auto;}
.hamain{ width:100%; padding:40px 20px;}
.hamain .hainfo h3{ font-size:20px;}
.hamain .hainfo span{ font-size:14px;}
.hamain .hainfo p{ font-size:14px; margin-top:10px; text-align:left;}
.hamain .hainfo a{ margin-top:15px;}

.hanav{ width:100%; padding:20px;}
.hanav .hali .txt span{ font-size:20px;}
.hanav .hali .txt p{ font-size:12px;}
.hanav .hali02{ margin-top:20px;}

.advlist li{ width: 100%; margin: 0 0 2% 0!important;}

.hnews{ padding-bottom:20px;}
.hnlist{ padding-bottom:20px;}
.hnlist .swiper-slide .txt{ padding:10px 15px;}
.hnlist .swiper-slide .txt h3{ font-size:14px; margin-bottom:10px;}
.hnlist .swiper-scrollbar{ height:5px;}

.hclist .swiper-slide{ width:100%;}
.hclist .button-prev{ left:0; margin-left:0;}
.hclist .button-next{ right:0; margin-right:0;}

.hclist .swiper-slide .txt{ font-size:14px; line-height:50px; margin-top:0;}

.links{ margin-top:20px; padding:10px 0;}

.fmain{ padding:20px 0;}
.wechat{ display:none;}
.copy{ padding:10px 0;}

.hmore a,.hamain .hainfo a,.tit01 .tmore{ width:110px; height:30px; background-size: auto 9px;}


.nyban{ height:200px;}
.coulmninfo{margin-top:75px; text-align:center;}
.coulmninfo h3{ font-size:28px; margin-bottom:10px; }

.nvhide{ margin-top:20px; }
.nynav{ width:100%;}
.nynav li{ font-size:14px; width:31.33%; height: 40px; line-height: 40px; margin:0 1%;}
.nynav li a{ padding:0;}

.page{ padding:20px 0;}
.pagetxt .pagetit { font-size:72px;}
.pagetxt .pagetit span{ font-size:20px; top:42px;}

.pagetxt .pageinfo { line-height:2;}

.culturelist li{line-height:2;}
.culturelist li b{ font-size:16px; display:block; }

.pageimg{margin-top:20px;}
.pageimg .img2 .pageico{ left:0; height:80px; width:109px; margin-top:-40px;}

.coninfo{ line-height:40px;}
.socialtit{ font-size:20px; margin:20px 0;}

.newslist{ padding:20px 0;}
.newslist li{ width:48%; margin:0 1%!important;}
.newslist li .txt{ padding:10px 15px;}
.newslist li .txt h3{ font-size:14px; }
.newslist li .txt span{ font-size:14px; margin-top:10px;}


.imglist li{ padding:10px; }
.imglist li .txt h3{ font-size:14px; }
.imglist li .txt p{ display:none;}

.prodlist{padding:20px 0;}
.prodlist li{ width:48%; margin:0 1%!important;}

.prodmain{ padding:20px 0;}
.prodban{ width:100%;}
.prodtxt{ width:100%; margin-top:20px;}

.prodico li i{ width:50px; height:50px;}

.my-map{ height:240px;}

.nspage{ padding:5px 0;}
.nspage div{ width:100%; padding:5px;}
.nspage div.fl{ border:none;}
.nspage div.fr{ text-align:left;}

.fuwu p .k{width: 100%;margin-bottom: 10px;height: 40px;line-height: 40px}
.fuwu .b{height: 40px;line-height: 40px}
.fuwu p{margin-bottom: 10px}
.fuwu .t>b{font-size: 18px}
}

@media screen and (max-width: 480px) {
.honor li{ width:100%; margin:0 0 10px 0; }
.newslist li{ width:100%; margin:0!important;}

.bshare-custom{ position: static; margin-bottom:20px;}
}